<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <title>Our Services | Isatech Indonesia - IT Consulting and Software Development</title>

        <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
        <link rel="shortcut icon" href="images/logo.ico" />

        <!-- CSS -->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
        <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css"/>
        <![endif]-->

        <!-- SCRIPT -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
    <body>
        <!-- start: Top Menu -->
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#"><img src="images/logo.png"/></a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li><a href="./index.html">Home</a></li>
                            <li><a href="./about.html">About</a></li>
                            <li  class="active"><a href="./services.html">Services</a></li>
                            <li><a href="./portfolio.html">Portfolio</a></li>
                            <li><a href="./contact.html">Contacts</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- end: Top Menu -->
<!-- start: Container -->
<div class="container">
    <!-- start: Page header / Breadcrumbs -->
    <section class="breadcrumbs">
        <div class="page-header">
            <h1 style="font-weight:bold">Services<small></small></h1>
        </div>
        <div class="breadcrumbs">
            You are here: <a href="#">Home</a><i class="icon-angle-right "></i>Services
        </div>
    </section>
    <!-- end: Page header / Breadcrumbs -->

    <div class="row">
        <!-- start: Page section -->
        <section id="page-sidebar" class="span12">
            <div class="page-inner">
                <div class="row-fluid member-info">
                    <div class="span4">
                        <div class="thumbnail">
                            <img alt="" src="images/services/website-build.jpg" style="width:353px;height:240px"/><!-- example/team1.jpg -->
                            <div class="caption">
                                <h3 class="member-name">Web Development</h3>
                                <p class="member-possition">There's huge potential in new technologies for the web that can make your web site a base for your business on and off line. It's more than Ecommerce, it's E-management. We specialize in building custom web applications that simplify and connect all elements of your business for easy, instant access for you and your customers, worldwide. If you can imagine it, we can do it - and we can probably suggest some exciting ways of working you may not have imagined!</p>
                                <ul>
                                    <li>Web Profile</li>
                                    <li>e-commerce</li>
                                    <li>Hotel Information System</li>
                                    <li>Web Application</li>
                                </ul>
                                <!-- <p class="member-social"><a href="#"><i class="icon-facebook-sign"></i></a><a href="#"><i class="icon-twitter-sign"></i></a><a href="#"><i class="icon-envelope"></i></a></p> -->
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="thumbnail">
                            <img alt="" src="images/services/mobile-build.jpg" style="width:353px;height:240px"/><!-- example/team1.jpg -->
                            <div class="caption">
                                <h3 class="member-name">Mobile Development</h3>
                                <p class="member-possition">Ideally, site authors would be able to meet the growing demand for a quality mobile experience without changing a line of code. But the reality is that a site designed specifically with mobility in mind will always provide a much better user experience to mobile users, even when they are equipped with the device du jour. The reasons for that include the challenges posed by network costs and delays, memory and CPU limitations, keyboard and pointing devices differences.</p>
                                <ul>
                                    <li>Android Apps</li>
                                    <li>IOS Apps</li>
                                    <li>Blackberry Apps</li>
                                    <li>Windows Phone Apps</li>
                                </ul>
                                <!-- <p class="member-social"><a href="#"><i class="icon-facebook-sign"></i></a><a href="#"><i class="icon-twitter-sign"></i></a><a href="#"><i class="icon-envelope"></i></a></p> -->
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="thumbnail">
                            <img alt="" src="images/services/desktop-build.png" style="width:353px;height:240px"/>
                            <div class="caption">
                                <h3 class="member-name">Desktop & Others</h3>
                                <p class="member-possition">Desktops allows you to organize your applications on up to four virtual desktops. Read email on one, browse the web on the second, and do work in your productivity software on the third, without the clutter of the windows you're not using.<br/>After you configure hotkeys for switching desktops, you can create and switch desktops either by clicking on the tray icon to open a desktop preview and switching window, or by using the hotkeys.</p>
                                <ul>
                                    <li>Queue System</li>
                                    <li>Networking</li>
                                    <li>Microcontroller</li>
                                    <li>SMS Gateway</li>
                                </ul>
                                <!-- <p class="member-social"><a href="#"><i class="icon-facebook-sign"></i></a><a href="#"><i class="icon-twitter-sign"></i></a><a href="#"><i class="icon-envelope"></i></a></p> -->
                            </div>
                        </div>
                    </div>
                    
                    <!-- <div class="span4">
                        <div class="thumbnail">
                            <img alt="" src="example/team1.jpg" />
                            <div class="caption">
                                <h3 class="member-name">Jhon Doe</h3>
                                <p class="member-possition">Project Manager</p>
                                <p class="member-social"><a href="#"><i class="icon-facebook-sign"></i></a><a href="#"><i class="icon-twitter-sign"></i></a><a href="#"><i class="icon-envelope"></i></a></p>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="thumbnail">
                            <img alt="" src="example/team2.jpg" />
                            <div class="caption">
                                <h3 class="member-name">Jhon Doe</h3>
                                <p class="member-possition">Project Manager</p>
                                <p class="member-social"><a href="#"><i class="icon-facebook-sign"></i></a><a href="#"><i class="icon-twitter-sign"></i></a><a href="#"><i class="icon-envelope"></i></a></p>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="thumbnail">
                            <img alt="" src="example/team3.jpg" />
                            <div class="caption">
                                <h3 class="member-name">Jhon Doe</h3>
                                <p class="member-possition">Project Manager</p>
                                <p class="member-social"><a href="#"><i class="icon-facebook-sign"></i></a><a href="#"><i class="icon-twitter-sign"></i></a><a href="#"><i class="icon-envelope"></i></a></p>
                            </div>
                        </div>
                    </div> -->
                </div>
                <hr />
                <div class="row-fluid">
                    <div class="pull-center">
                        <h3>Yes, We can build almost anything!</h3>
                    </div>
                </div>
            </div>
        </section>
    </div>

</div>
<!-- end: Container -->
        <!-- start: Footer -->
    <footer id="footer">
        <div class="container">
            <ul class="social clearfix">
                <li><a href="#" data-original-title="Facebook">
                        <i class="icon-facebook-sign"></i>
                    </a></li>
                <li><a href="#" data-original-title="Twitter">
                        <i class="icon-twitter-sign"></i>
                    </a></li>
                <!-- <li><a href="#" data-original-title="Linkedin">
                        <i class="icon-linkedin-sign"></i>
                    </a></li>
                <li><a href="#" data-original-title="Pinterest">
                        <i class="icon-pinterest-sign"></i>
                    </a></li> -->
                <li><a href="#" data-original-title="Google+">
                        <i class="icon-google-plus-sign"></i>
                    </a></li>
            </ul>
        </div>
    </footer>
    <!-- end: Footer -->

    <!-- start: Footer menu-->
    <section id="footer-menu">
        <div class="container">
            <div class="row">
                <div class="span4">
                    <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://isatechindonesia.com/">Isatech Indonesia</a>.</p>
                </div>
                <div class="span8 hidden-phone">
                    <ul class="pull-right">
                        <li><i class="icon-map-marker"></i> Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- end: Footer menu-->
</body>
</html>
